import React, { useState, useEffect } from 'react'
import { Pagination } from 'antd';
import './loading.scss'
import Unit from '../hml'
const App = () => {
    // 设置第几页
    const [num, setNum] = useState(1)
    // 获取的数据载体
    const [data, setData] = useState([])
    //刚才用挂载方法,二次获取不好用
    useEffect(() => {
        Unit.getApi2('/home/mediareports', {
            // 数据页
            page_number: num,
            // 每页多少数据
            page_size: 10
        }, {}).then((res) => {
            //获取数据
            setData(res.data.data)
        })
    }, [num])
    const add = (e) => {
        //每次点击向前翻一页
        setNum(e)
    }
    return (
        <>
            <ul>
                {/* map生成数据 */}
                {
                    data.map((item,index)=>{
                        return <a href={item.jump_url} key={index}><br />
                            {
                                item.main_title
                            }
                        </a>
                            
                    })
                }
            </ul>
            {/* 这里的问题虽然解决了,但是不知道为什么上传 e 能获取当前点击的下标而不是元素,不过我感觉应该和total有关 */}
            <Pagination defaultCurrent={num} total={500} onChange={(e)=>add(e)}/>
        </>
    )
}
export default App